﻿/*
    *
    *项目名称：申通快递会员中心
    *创建时间：2017-04-25
    *项目说明：申通快递会员中心首页
    *创建人：刘佳康
    *
    *
    *
    *
    *
    *修改时间：2017-06-22
    *修改内容：修改了头像了样式
    *修改人：mengzhufeng
    *
    *
    *
*/
@charset "utf-8";
.IndexBox{
    background:#f0f4f5;
    padding-bottom:172px;
}
.IndexContent{
    width:1000px;
    margin:0 auto;
    background:#fff;
    border:1px solid #f1f2f4;
    margin-top:19px;
}
.banner{
    width:100%;
    background-color: #e2f5fb ;
    height:270px;
}
.user{
    width:1000px;
    position:relative;
    margin:0 auto;
    padding-top:50px;
}
.userBox{
    width:100%;
    position:absolute;
    z-index:999;
}
.userBox .userHeadImg{
    float:left;
    width:394px;
    height:102px;
}
.userBox .userInfo{
    float:left;
    height:102px;
    border-left:1px solid #ededed;
    margin-left:75px;
    margin-top:30px;
}
.userBoxBg{
    width:100%;
    background:#fff;
    opacity:0.5;
    position:absolute;
    height:160px;
}
.userBox .userHeadImg .left{
    float:left;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
}
.userBox .userHeadImg .right{
    float:left;
}

.indexlist li.cur{background:red}

.userBox .userHeadImg .right .userName{
    font-size:16px;
    color:#555555;
    margin-top:66px;
    margin-bottom:10px;
}
.userBox .userHeadImg .right .userOperate a{
    color:#ed6a00;
}
.scheduleBox{
    display:inline-block;
}
.schedule{
    width:140px;
    border:1px solid #ededed;
    height:10px;
    border-radius:6px;
    background:#fff;
    display:inline-block;
}
.scheduleAlert{
    display:inline-block;
}
.bar{
    width:0px;
    height:10px;
    border-radius:6px;
    background:#efb901;
}
.userBox .userInfo .Info{
    margin-left:78px;
    margin-top:16px;
}
.scheduleAlert {
    margin-left: 6px;
    color: #757575;
    float: right;
    margin-right: -50px;
    margin-top: -15px;
}
.order{
    width:400px;
    height:238px;
    border-radius:6px 0 0 6px;
    background:#fe8a4d;
    float:left;
}
.orderTitle{
    padding-top:15px;
    margin-left:30px;
    border-bottom:2px solid #fff;
    color:#fff;
    font-size:16px;
    width:65px;
    padding-bottom:5px;
} 
.orderTxt textarea{
    width:340px;
    height:112px;
    border-radius:6px;
    margin-top:12px;
    margin-left:30px;
    outline:none;
    padding-top:14px;
    /*text-indent:16px;*/
    resize:none;
    overflow:auto;
    border:none;
}
.orderBtn a{
    width:92px;
    height:34px;
    display:block;
    background:#ffe99d;
    font-size:16px;
    line-height:34px;
    text-align:center;
    color:#ee6900;
    border-radius:15px;
    float:right;
    margin-right:30px;
    margin-top:8px;
}
.sendRes{
    margin-left:21px;
    float:left;
}
.sendResBox{
    width:289px;
    border-right:1px solid #ededed;
    height:162px;
    margin-top:38px;
    text-align:center;
}
.sendResTitle{
    font-size:16px;
    color:#555555;
}
.on{
    color:#ee6900;
}
.viewOrder .left ul li{
    
    line-height:55px;
}

.orderList ul li:hover{cursor:pointer;}
.viewOrder .left ul li a{
    color:#555;
    font-size:14px;
    margin-left:54px;
}

.viewOrder .left ul li .on{
    color:#ee6900;
}
.on:hover{cursor:pointer;}
.on:after{cursor:pointer;}
.price{
    width:289px;
    float:left;
    height:162px;
    padding-top:38px;
    text-align:center
}
.orderList{
    width:1000px;
    margin:0 auto;
    background:#fff;
    margin-top:20px;
    border:1px solid #ededed;
    border-radius:6px;
}
.listnav ul li{
    float:left;
    font-size:16px;
}
.listnav ul li .on{
    border-bottom:2px solid #ee6900;
    color:#ee6900;
}
.listnav ul li  a{
    margin-right:46px;
    color:#555;
    padding-bottom:4px;
}
.listnav ul li  a:first-child{
    margin-left:8px;
}
.listnav{
    width:940px;
    margin:0 auto;
    padding-top:26px;
}
.orderNo{
    width:940px;
    margin:0 auto;
}
.orderNo table{
    width:100%;
    font-size:14px;
    text-align:center;
    border-radius:6px;
    margin-top:20px;
    padding-bottom:25px;
}
.orderTableTitle{
    height:54px;
    background:#f5f5f5;
}
.orderTableTitle td{
    border-right:1px solid #e8e8e8;
}
.orderTableTitle td:last-child{
    border-right:none;
}
.orderData{
    height:78px;
    color:#555555;
}
.orderData td{
    border-bottom:1px dashed #e6e6e6;
}
.orderData a,.setCity,.getCity{
    color:#ec6900;
}
.orderIng{
    display:none;
}
.orderDone{
    display:none;
}
.orderBtn a:hover{
    background:#fceaaa;
}
.noData{
    text-align:center;
    font-size:18px;
    color:#757575;
    padding:50px 0;
}
#headImg{
    width:100px;
    height:100px;
    border-radius:100%;
    vertical-align:middle;
}
.layui-progress {
    position: relative;
    height: 6px;
    border-radius: 20px;
    background-color: #fff;
}
.layui-progress-big, .layui-progress-big .layui-progress-bar {
    height: 15px;
    line-height: 15px;
    width:150px;
}
.layui-bg-orange {
    background-color:rgb(237, 105, 0);
}table{
    text-align:center
}
.titleOrder{
    width:228px;
    height:50px;
    border-right:1px solid #e5e5e5;
}
table .titleBox{;
    background:#f5f5f5;
}
.titlePerson{
    width:340px;
    height:50px;
    border-right:1px solid #e5e5e5;
}
.titleCheckbox{
    width:100px;
    height:50px;
    border-right:1px solid #e5e5e5;
}
.titleTime{
    width:184px;
    height:50px;
    border-right:1px solid #e5e5e5;
}
.titleOperate{
    width:120px;
    height:50px;
}
.tableOrder{
    position:relative;
    height:83px;
}
.tableOrder img{
    position:absolute;
    top:9px;
    left:0;
}
.tablePerson{
    text-align:left;
}
.tableOrder,.tablePerson,.tableTime,.tablelOperate
{
    border-bottom:1px  dashed #ededed;
    color:#555;
}
.addresColor{
    color:#ed6c00;
}
.popupHe2 { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.72); z-index: 300; }
.cpopup { position: absolute; top: 50%; left: 40%; right: 40%;bottom:40% ;margin-top: -1.62rem; text-align: center; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 0.2rem 0; z-index: 200; height:130px;}
.cpopup .title { font-size: 0.32rem; line-height: 1; color: #333; }
.cpopup p { padding: 0.2rem 5% 0; font-size: 0.24rem; color: #666; line-height: 1.5; text-align: left; padding-bottom:8px;}
.cpopup .btnairconfirm { margin: 0.3rem auto auto; font-size: 0.28rem; line-height: 2.5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #0369a6; width: 1.5rem; background-color: #0369a6; color: #fff; }
.cpopup .btncancel { margin: 0.3rem auto auto; font-size: 0.28rem; line-height: 2.5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; width: 1.5rem; background-color: #ccc; color: #fff; }
.Reamk{ width:345px;height:60px;resize:none;margin:auto;border-radius:5px;margin-top:0px;}
.cpopup a{ width:80px; height:22px;border-radius:5px;padding:5px 15px 5px 15px;}
.btnOk{background-color:#ee6900;color:#ffffff;}
.btnCl{background-color:#ccc;color:#ffffff;}

.create_order_more_page_box{
    font-size: 2px;
    text-align: center;
    margin-top: 30px;
}
.create_order_more_page_box a:hover, .create_order_more_page_box a.cur {
    background: #ee6900;
    color: #fff;
    text-decoration: none;
    border-radius: 0;
}
.create_order_more_page_box a {
    display: inline-block;
    width: 30px;
    height: 25px;
    line-height: 25px;
    float: inherit;
    margin: 0 10px 0 0;
    color: #666;
    border: 1px solid #ccc;
}